/* 手机端公共样式 */
/** $globel公共设置 */
$globel-font-size: 14px;
$globel-main-color: #ffffff;
$globel-font-color: #464c5b;
/** header */
$header-font-size: 18px;
$header-font-weight: 700;
$header-font-height: 44px;
$header-background-color: #ffffff;
$header-font-color: #333333;


/* 页面主体结构设置 */
.page_content{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  font-size: $globel-font-size;
  background: $globel-main-color;
  /* 头部 */
  .main_header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: $header-font-height;
    background: $header-background-color;
    font-size: $header-font-size;
    color: $header-font-color;
    z-index: 99;
  }
  /* 内容区 */
  .main_content {
    position: absolute;
    top: $header-font-height;
    bottom: 0;
    overflow: scroll;
    width: 100%;
  }
  .main_content.have_footer {
    bottom: 65px;
  }
  /* 底部导航 */
  .main_footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    padding: 4px 8px;
    box-sizing: border-box;
    background: #ffffff;
  }
}

.gl_loading {
  position: absolute;
  display: flex;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  z-index: 999;
}

.no_border::after {
  border: none;
}
// 下一步按钮
.next_step {
  width: 100%;
  border-radius: 5px;
  padding: 10px 15px;
  box-sizing: border-box;
  .van-button {
    width: 100%;
    height: 40px;
    border-radius: 5px;
  }
}

// loading
// 依赖父元素设置relative
.page_loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.4);
  z-index: 100;
  .van-loading {
    top: 50%;
    transform: translateY(-50%);
    .van-loading__text {
      color: #fff;
    }
  }
}
// 全页面
.page_loading.fixed {
  position: fixed;
}

// 文件上传相关
.van-uploader {
  margin: auto;
}
.upload_file {
  position: relative;
  width: 100px;
  height: 100px;
  border: 1px dashed #eee;
  margin: 0 auto;
}
/* 证件照片 360 * 200 */
.upload_file.id_card {
  width: 252px;
  height: 140px;
}
/* logo */
.upload_file.logo {
  width: 200px;
  height: 200px;
}
.upload_file.img_logo {
  width: 200px;
  height: 270px;
}
.van-field--error .van-field__control .upload_file,
.van-field--error .van-field__control::placeholder .upload_file {
  border: 1px dashed #ee0a24;
}
.upload_file .upload_icon {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translateY(-50%);
}